<template>
  <div>我是子组件</div>
  <p>count:{{countprop}}</p>
  <ul>
   <li v-for='item in namearr' :key='item'>{{item}}</li>
  </ul>
</template>

<script setup lang='ts'>
import {defineProps} from 'vue';

// const props = defineProps(['countprop'])
// const props = defineProps({
//   countprop:Number
// })

// 使用ts 定义接收的属性props
// const props = defineProps<{
//   countprop:Number,
//   namearr:string[]
// }>()


// 使用ts 定义声明数据类型的同时设置默认值
const props = withDefaults(defineProps<{
  countprop?:Number,
  namearr?:string[]
}>(),{
  countprop:999,
  namearr:()=>['杨志强','祝全威']
})
</script>
<style scoped>
</style>